<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title></title>
    <jsp:include page="common/header.jsp"/>

    <style type="text/css">
        .panel .row {
            margin: 5px 0;
        }
        .panel {
            margin-bottom: 0;
        }
    </style>
</head>
<body>
<!-- 导航条 -->
<jsp:include page="common/navbar.jsp"/>

<div class="container" role="main">
    <!-- 推荐投资组合 -->
    <div class="panel panel-default" style="margin-bottom: 0;border-bottom: none;">
        <div class="panel-heading row" style="padding: 0;margin: 0;background: #f6f6f6 none;">
            <h2 class="pull-left" style="margin-left:15px;font-size: 26px;color:#FF4500;font-family:'Microsoft Yahei, Arial';font-weight: bold;">推荐投资组合</h2>
            <!-- Indicates a dangerous or potentially negative action -->
            <div class="pull-right" >
                <button type="button" class="btn btn-danger"
                        style="margin-top: 15px;margin-right: 20px;" onclick="">重新制定</button>
            </div>
        </div>

        <div class="panel-body row" >
            <div class="row">
                <h5><span style="margin-left: 15px;">投资金额： 30万 投资期限： 3个月</span></h5>
            </div>
            <table class="table">
                <tr>
                    <td class="success">#</td>
                    <td class="active">名称</td>
                    <td class="success">七日年化利率</td>
                    <td class="active">近一月收益率</td>
                    <td class="success">起购金额</td>
                    <td class="active">购买</td>
                    <td class="success">收藏</td>
                </tr>
                <tr>
                    <td class="success">2</td>
                    <td class="active">农银货币A</td>
                    <td class="success">4.999%</td>
                    <td class="active">0.366551%</td>
                    <td class="success">100</td>
                    <td class="active"><button class="btn btn-danger btn-xs" style="">购买</button></td>
                    <td class="success"><button class="btn btn-info btn-xs" style="">收藏</button></td>
                </tr>
                <tr>
                    <td class="success">3</td>
                    <td class="active">农银货币A</td>
                    <td class="success">4.999%</td>
                    <td class="active">0.366551%</td>
                    <td class="success">100</td>
                    <td class="active"><button class="btn btn-danger btn-xs" style="">购买</button></td>
                    <td class="success"><button class="btn btn-info btn-xs" style="">收藏</button></td>
                </tr>
                <tr>
                    <td class="success">4</td>
                    <td class="active">农银货币A</td>
                    <td class="success">4.999%</td>
                    <td class="active">0.366551%</td>
                    <td class="success">100</td>
                    <td class="active"><button class="btn btn-danger btn-xs" style="">购买</button></td>
                    <td class="success"><button class="btn btn-info btn-xs" style="">收藏</button></td>
                </tr>
                <tr>
                    <td class="success">5</td>
                    <td class="active">农银货币A</td>
                    <td class="success">4.999%</td>
                    <td class="active">0.366551%</td>
                    <td class="success">100</td>
                    <td class="active"><button class="btn btn-danger btn-xs" style="">购买</button></td>
                    <td class="success"><button class="btn btn-info btn-xs" style="">收藏</button></td>
                </tr>
            </table>

        </div>
    </div>

    <!-- 推荐投资组合 -->
    <div class="panel panel-default" style="margin-bottom: 0;border-bottom: none;">
        <div class="panel-heading row" style="padding: 0;margin: 0;background: #f6f6f6 none;">
            <h2 class="pull-left" style="margin-left:15px;font-size: 26px;color:#FF4500;font-family:'Microsoft Yahei, Arial';font-weight: bold;">收益预览</h2>
            <!-- Indicates a dangerous or potentially negative action -->
            <div class="pull-right" >
                <button type="button" class="btn btn-danger"
                        style="margin-top: 15px;margin-right: 20px;" onclick="">重新制定</button>
            </div>
        </div>

        <div class="panel-body row" >
            <div class="row">
                <h5><span style="margin-left: 15px;">以下为该方案，您未来三个月的收益预览</span></h5>
            </div>
           <div class="col-md-6">
               <table class="table">
                   <tr>
                       <td class="active">类型</td>
                       <td class="success">5月</td>
                       <td class="active">6月</td>
                       <td class="success">7月</td>
                       <td class="active">8月</td>
                   </tr>
                   <tr>
                       <td class="success">货币基金</td>
                       <td class="active">1000</td>
                       <td class="success">1250</td>
                       <td class="active">2500</td>
                       <td class="success">3750</td>
                   </tr>
               </table>
           </div>
           <div class="col-md-6">
               活期
               网利宝
               是银行活期存款收益的14倍
               该方案预期年收益15000元
           </div>
        </div>
    </div>
</div>

<!-- 底部介绍 -->
<jsp:include page="common/help_nav.jsp"/>

<!-- 底部 -->
<jsp:include page="common/footer.jsp"/>

</body>
</html>
